<!DOCTYPE html>
<!--引入thymeleaf模板-->
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主界面</title>
    <script th:src="@{/js/jquery.js}" src="../static/js/jquery.js"></script>
    <script th:src="@{/js/mobile.js}" src="../static/js/mobile.js"></script>
    <script th:src="@{/js/router.js}" src="../static/js/router.js"></script>
    <script th:src="@{/js/style.js}" src="../static/js/style.js"></script>
    <script th:src="@{/js/index.js}" src="../static/js/index.js"></script>

    <!--    <script src="js/jquery.js"></script>-->
    <!--    <script src="js/mobile.js"></script>-->
    <!--    <script src="js/router.js"></script>-->
    <!--    <script src="js/style.js"></script>-->
    <!--    <script src="js/index.js"></script>-->

    <link rel="stylesheet" th:href="@{/css/iconfont.css}" href="../static/css/iconfont.css">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" href="../static/layui/css/layui.css">
    <link rel="stylesheet" th:href="@{/css/common.css}" href="../static/css/common.css">
    <link rel="stylesheet" th:href="@{/css/index.css}" href="../static/css/index.css">
    <link rel="stylesheet" th:href="@{/css/mobile.css}" href="../static/css/mobile.css">
</head>

<body>
<div class="layui-fliud">
    <div class="layui-row">
        <nav class="layui-col-sm3 layui-col-xs9" id="nav">
            <div class="mobileshow layui-show-xs-block layui-hide-sm">
                <p>嘀嘀嘀备忘录</p>
                <a href="javascript:;" class="iconfont">&#xe747;</a>
            </div>
            <ul class="nav-bd">
                <li class="user">
                    <a href="javascript:;" class="tabs ">
                        <i><img th:src="@{/img/user.png}" src="../static/img/user.png" alt=""></i>
                        <span th:if="${session.user}" th:text="${session.user.username}"></span></a>
                </li>
                <li class="loginbtn"><a href="javascript:;" class="tabs">登录</a></li>
                <li><a href="javascript:;" class="tabs">我的一天</a></li>
                <li><a href="javascript:;" class="tabs">重要</a></li>
                <li><a href="javascript:;" class="tabs">已计划日程</a></li>
                <li><a href="javascript:;" class="tabs">任务</a></li>
            </ul>
        </nav>
        <div class="layui-col-sm9 layui-col-xs12" id="main">
            <h1>欢迎来到嘀嘀嘀备忘录</h1>
        </div>
    </div>
    <div class="user-login-register ">
        <div class="login">
            <h4>登录</h4>
            <a href="javascript:;" class="iconfont icon-close close"></a>
            <div class="login-register-bd">
                <div class="layui-clear input-item">
                    <label for="uname" class="iconfont icon-bussiness-man"></label>
                    <input type="text" name="uname" placeholder="用户名/邮箱"/>
                    <div class="input-item-error"></div>
                </div>
                <div class="layui-clear input-item">
                    <label for="pwd" class="iconfont icon-password"></label>
                    <input type="password" name="pwd" placeholder="密码"/>
                    <div class="input-item-error"></div>
                </div>
                <div>
                    <a href="javascript:;" class="submit input-item">登录</a>
                </div>
            </div>
            <div class="login-register-link">
                <span>还没有注册？点此<a href="javascript:;" class="register-link">免费注册</a>！</span>
                <span><a href="">忘记密码</a></span>
            </div>
        </div>
        <div class="register">
            <h4>注册</h4>
            <a href="javascript:;" class="iconfont icon-close close"></a>
            <div class="login-register-bd">
                <div class="layui-clear input-item">
                    <label for="uname" class="iconfont icon-bussiness-man"></label>
                    <input type="text" name="uname" placeholder="设置您的用户名..."/>
                    <div class="input-item-error"></div>
                </div>
                <div class="layui-clear input-item">
                    <label for="uemail" class="iconfont icon-email"></label>
                    <input type="text" name="uemail" placeholder="设置您的邮箱..."/>
                    <div class="input-item-error"></div>
                </div>
                <div class="layui-clear input-item">
                    <label for="phone" class="iconfont icon-mobile-phone"></label>
                    <input type="text" name="phone" placeholder="设置您的手机号..."/>
                    <div class="input-item-error"></div>
                </div>
                <div class="layui-clear input-item">
                    <label for="pwd" class="iconfont icon-password"></label>
                    <input type="password" name="pwd" placeholder="设置您的密码..."/>
                    <div class="input-item-error"></div>
                </div>
                <div class="layui-clear input-item">
                    <label for="checkPwd" class="iconfont icon-password"></label>
                    <input type="password" name="checkPwd" placeholder="再一次确认您的密码..."/>
                    <div class="input-item-error"></div>
                </div>
                <div class="input-item">
                    <a href="javascript:;" class="submit">注册</a>
                </div>
            </div>
            <div class="login-register-link">
                <span>已有账号？<a href="javascript:;" class="login-link">点此登录</a>！</span>
                <span>点我试试<a href="javascript:;" class="mmd">么么哒</a></span>
            </div>
        </div>
        <div class="mask"></div>

    </div>

</div>
</body>

</html>